* {
  // scrollbar-color: rgba(144, 147, 153, 0.3) transparent; /* 滑块颜色  滚动条背景颜色 */
  scrollbar-width: auto; /* 滚动条宽度有三种：thin、auto、none */
  // 滚动条整体部分
}

 ::v-deep *::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

// 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
 ::v-deep *::-webkit-scrollbar-button {
  display: none;
}

// 滚动条的轨道（里面装有Thumb）
 ::v-deep *::-webkit-scrollbar-track {
  background: transparent;
}

// 滚动条的轨道（里面装有Thumb）
 ::v-deep *::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

// 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
 ::v-deep *::-webkit-scrollbar-thumb {
  background-color: rgba(73, 73, 73, 0.262);
  cursor: pointer;
  border-radius: 4px;
}

// 边角，即两个滚动条的交汇处
 ::v-deep *::-webkit-scrollbar-corner {
  display: none;
}

// 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件
 ::v-deep *::-webkit-resizer {
  display: none;
}

